<template>
  <f7-page>
    <!-- <f7-navbar :sliding="false">
      <f7-nav-left>
        <f7-link back icon-material="arrow_back"></f7-link>
      </f7-nav-left>
      <f7-nav-title sliding>自定义组件</f7-nav-title>
      <f7-nav-right></f7-nav-right>
    </f7-navbar> -->
    <f7-user-navbar title="自定义组件"></f7-user-navbar>

    <f7-list>
      <f7-list-item title="echarts图表" link="/business/components/echarts"></f7-list-item>
      <f7-list-item title="自定义搜索" link="/business/components/searchbar"></f7-list-item>
      <f7-list-item title="自定义SmartSelect" link="/business/components/customSmartSelect"></f7-list-item>
      <f7-list-item title="文件上传" link="/business/components/fileupload"></f7-list-item>
      <f7-list-item title="二维码" link="/setting/qrcode"></f7-list-item>
      <f7-list-item title="二维码扫描" link="/base/barcodeScan/"></f7-list-item>
      <f7-list-item title="视频播放" link="/business/components/videoplay"></f7-list-item>
      <f7-list-item title="天气组件" link="/business/components/weather"></f7-list-item>
      <f7-list-item title="日期选择" link="/business/components/datePicker"></f7-list-item>
      <!-- <f7-list-item title="IM聊天" link="/im/index"></f7-list-item> -->
      <f7-list-item title="图片懒加载" link="/business/components/lazyload"></f7-list-item>
      <f7-list-item title="工作流" link="/business/todo/list"></f7-list-item>
    </f7-list>

  </f7-page>
</template>

<script>
import controller from "@/libs/framework/controller";

export default class instance extends controller {
  onBeforeInit() {
    this.urls = {
      query: [],
      model: []
    };
  }

  mixin() {
    return {
      data() {
        return {
        };
      },
      methods: {
      },
      computed: {},
      mounted() {}
    };
  }
}
</script>

<style scoped>

</style>